<template>
  <div class="content">
    <div id="nav_1" class="navm">
      <h1>直播管家安装说明</h1>
      <h2>一、硬件连接方法</h2>
      <p><img :src="`/src/pages/explain/components/image/19.png`" alt="" /></p>
      <p><img :src="`/src/pages/explain/components/image/20.png`" alt="" /></p>
      <p><img :src="`/src/pages/explain/components/image/21.png`" alt="" /></p>
    </div>
    <div id="nav_2" class="navm">
      <h2>二、打开手机开发模式</h2>
      <table>
        <thead>
          <tr>
            <th align="center" valign="middle"><span>系统类型</span></th>
            <th align="center" valign="middle"><span>Oppo</span></th>
            <th align="center" valign="middle"><span>小米</span></th>
            <th align="center" valign="middle"><span>ViVo</span></th>
            <th align="center" valign="middle"><span>华为</span></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>打开手机设置</td>
            <td><img :src="`/src/pages/explain/components/image/图片22.png`" alt="图片22" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片23.png`" alt="图片23" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片24.png`" alt="图片24" /></td>
            <td><img :src="`/src/pages/explain/components/image/1.jpg`" alt="1" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><img :src="`/src/pages/explain/components/image/图片26.png`" alt="图片26" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片27.png`" alt="图片27" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片28.png`" alt="图片28" /></td>
            <td><img :src="`/src/pages/explain/components/image/2.jpg`" alt="2" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><img :src="`/src/pages/explain/components/image/图片30.png`" alt="图片30" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片31.png`" alt="图片31" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片32.png`" alt="图片32" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><img :src="`/src/pages/explain/components/image/图片33.png`" alt="图片33" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td><span>进入开发者选项</span></td>
            <td><img :src="`/src/pages/explain/components/image/图片34.png`" alt="图片34" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片35.png`" alt="图片35" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片36.png`" alt="图片36" /></td>
            <td><img :src="`/src/pages/explain/components/image/1.jpg`" alt="1" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><img :src="`/src/pages/explain/components/image/图片38.png`" alt="图片38" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片39.png`" alt="图片39" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片40.png`" alt="图片40" /></td>
            <td><img :src="`/src/pages/explain/components/image/3.jpg`" alt="3" /></td>
          </tr>
          <tr>
            <td><span>不锁屏不休眠</span></td>
            <td><img :src="`/src/pages/explain/components/image/图片42.png`" alt="图片42" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片43.png`" alt="图片43" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片44.png`" alt="图片44" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片45.png`" alt="图片45" /></td>
          </tr>
          <tr>
            <td><span>打开USB调试</span></td>
            <td><img :src="`/src/pages/explain/components/image/图片46.png`" alt="图片46" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片47.png`" alt="图片47" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片48.png`" alt="图片48" /></td>
            <td><img :src="`/src/pages/explain/components/image/图片49.png`" alt="图片49" /></td>
          </tr>
          <tr>
            <td><span>打开模拟点击</span></td>
            <td>
              <span>Oppo手机用“禁止权限监控”代替</span>
              <br />
              <img :src="`/src/pages/explain/components/image/图片50.png`" alt="图片50" />
            </td>
            <td>
              <span>小米手机用上图的</span>
              <br />
              <span>“安全设置”代替</span>
            </td>
            <td>&nbsp;</td>
            <td><img :src="`/src/pages/explain/components/image/图片51.png`" alt="图片51" /></td>
          </tr>
          <tr>
            <td>
              <span>插到集线器上以后,</span>
              <span>在弹出的,</span>
              <span>允许USB调试吗？</span>
              <span>必须选择允许</span>
            </td>
            <td>&nbsp;</td>
            <td><img :src="`/src/pages/explain/components/image/图片52.png`" alt="图片52" /></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div id="nav_3" class="navm">
      <h2>三、设备预处理</h2>
      <h2>3.1 进入直播管家后台</h2>
      <p>登录直播管家: https://guanjia.zhisuitech.com</p>
      <h2>3.2 选择场控号管理</h2>
      <p>
        <img :src="`/src/pages/explain/components/image/图片1.png`" alt="图片1" width="1200px" />
      </p>
      <h2>3.3 选择未绑定设备的CD-KEY处点击绑定设备</h2>
      <p>
        <img :src="`/src/pages/explain/components/image/图片2.png`" alt="图片2" width="1200px" />
      </p>
      <h2>3.4 选一个设备进行绑定</h2>
      <p>
        <img :src="`/src/pages/explain/components/image/图片3.png`" alt="图片3" width="1200px" />
      </p>
      <h2>3.5 安装输入法</h2>
      <p><img :src="`/src/pages/explain/components/image/图片4.png`" alt="图片4" /></p>
      <h2>3.6 手机上允许安装</h2>
      <p><img :src="`/src/pages/explain/components/image/图片5.png`" alt="图片5" /></p>
      <h2>3.7 打开输入法管理，激活输入法</h2>
      <p><img :src="`/src/pages/explain/components/image/图片6.png`" alt="图片6" /></p>
      <h2>3.8 下载抖音软件</h2>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">应用市场下载最新版抖音软件</span></pre>
      <h2>3.9 登录抖音号</h2>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">设备上登录抖音</span></pre>
      <h2>3.10 同步设备上抖音号信息</h2>
      <p>
        <img :src="`/src/pages/explain/components/image/图片7.png`" alt="图片7" width="1200px" />
      </p>
      <h2>3.11 同步完成之后显示出登录抖音号昵称</h2>
      <p>
        <img :src="`/src/pages/explain/components/image/图片8.png`" alt="图片8" width="1200px" />
      </p>
      <h2>3.12 添加直播号</h2>
      <p>
        <img :src="`/src/pages/explain/components/image/图片9.png`" alt="图片9" width="1200px" />
      </p>
    </div>
    <div id="nav_4" class="navm">
      <h2>四、场控评论</h2>
      <h2>4.1 直播间状态</h2>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">场控弹幕下可选择直播号进入直播间弹幕页面 页面中可显示该直播号的直播状态</span></pre>
      <p>
        <img :src="`/src/pages/explain/components/image/图片10.png`" alt="图片10" width="1200px" />
      </p>

      <h2>4.2 导入场控号</h2>

      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">【导入场控号】输入要进入直播间的场控号数量（小于等于可导入的数量）点击确定，等待场控号进入直播间</span></pre>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">【场控号】-显示当前总导入数量</span></pre>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">【可用场控号】-显示当前已进入直播间的数量</span></pre>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">【队列中场控号】-显示排队等待进入直播间的数量</span></pre>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">【退出场控号】-可输入退出直播间的场控号数量，退出直播间</span></pre>

      <p>
        <img :src="`/src/pages/explain/components/image/图片11.png`" alt="图片11" width="1200px" />
      </p>

      <h2>4.3 发送弹幕</h2>

      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">输入框中输入要发送的弹幕，选择下方发送该弹幕的次数（默认1次）点击发送</span></pre>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">【中断】-可停止该任务批次队列中未发送的弹幕任务</span></pre>
      <pre
        class="CodeMirror-line"
        role="presentation"
      ><span role="presentation">【***的直播间】-显示直播间已发送的弹幕记录</span></pre>

      <p>
        <img :src="`/src/pages/explain/components/image/图片12.png`" alt="图片12" width="1200px" />
      </p>

      <h2>4.4 常用语</h2>

      <p>
        <img :src="`/src/pages/explain/components/image/图片13.png`" alt="图片13" width="1200px" />
      </p>

      <h2>
        4.5
        保存之后可在常用语列表中显示，可进行删除、编辑常用语，也可选择对应发送次数（默认1次）进行快速发送
      </h2>

      <p>
        <img :src="`/src/pages/explain/components/image/图片14.png`" alt="图片14" width="1200px" />
      </p>

      <h2>4.6 开通场控号训练（可选）</h2>

      <ul>
        <li><span>进入直播管家的“热词”菜单</span></li>
      </ul>
      <p>
        <img :src="`/src/pages/explain/components/image/图片15.png`" alt="图片15" width="1200px" />
      </p>
      <ul>
        <li><span>设置每日直播开始时间</span></li>
      </ul>
      <p>
        <img :src="`/src/pages/explain/components/image/图片16.png`" alt="图片16" width="1200px" />
      </p>
      <ul>
        <li><span>添加与直播号相关的热词</span></li>
      </ul>
      <p>
        <img :src="`/src/pages/explain/components/image/图片17.png`" alt="图片17" width="1200px" />
      </p>
      <ol>
        <li><span>如需系统自动训练，打开“训练”开关，系统会自动训练,开关默认为关闭状态</span></li>
      </ol>
      <p>
        <img :src="`/src/pages/explain/components/image/图片18.png`" alt="图片18" width="1200px" />
      </p>
    </div>
    <div id="nav_5" class="navm">
      <h2>五、常见问题</h2>
      <h2>5.1 不能导入全部场控号</h2>
      <pre><span>是否被其他的直播间占用</span></pre>
      <pre><span>查询手机正常还是断连</span></pre>
    </div>
  </div>
</template>
<style lang="less">
.content {
  width: 100%;
  overflow: hidden;
  .navm {
    overflow: hidden;
    padding: 20px;
    display: block;
    width: 100%;
    h1 {
      flex: 1;
      margin: 0;
      font-size: 20px;
      font-weight: 200;
      text-align: center;
      line-height: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #7e888b;
    }
    h2 {
      font-size: 15px;
      word-wrap: break-word;
      color: #525252;
      font-weight: normal;
    }
    p {
      margin: 0;
      padding: 0;
      margin-top: 20px;
      img {
        max-width: 100%;
      }
    }
    table {
      border-collapse: collapse;
      border-spacing: 1px;
      width: 100%;
      thead {
        overflow: hidden;
        th {
          height: 60px;
          border: 1px solid #666;
          font-size: 14px;
          color: #666;
          text-align: center;
          line-height: 60px;
        }
      }

      td {
        border: 1px solid #666;
        text-align: center;
        // padding: 10px;
        font-size: 14px;
        color: #666;
        width: 20%;
        overflow: hidden;
        line-height: 100%;
        img {
          max-width: 100%;
        }
      }
    }
    pre {
      font-size: 14px;
      color: #666;
    }
    ul,
    li {
      list-style: none;
      font-size: 14px;
      color: #666;
    }
  }
}
</style>
<script setup lang="ts"></script>
